<table id="tabla_jerarquias" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="pager_jerarquias" class="scroll" style="text-align:center;"></div>

<script type="text/javascript">
  jQuery("#tabla_jerarquias").jqGrid({
    url: "<%= url_for(:controller => "jerarquias", :action => "datos") %>" ,
    editurl: "<%= jerarquias_url%>" ,
    colNames:[
        'Titulo',
        'Posicion',
        'Descripcion',
      ],
    colModel : [
      {name: 'titulo', index: 'titulo', width: 250, align: 'left', editable: true},
      {name: 'posicion', index: 'posicion', width: 100, align: 'left', editable: true},
      {name: 'descripcion', index: 'descripcion', width: 300, align: 'left', editable: true},
      ],
    sortname: "posicion",
    sortorder: "asc",
    caption: 'Jerarquias',
    <%= default_grid_options(:model => 'jerarquias', :view => jerarquias_path) %>
</script>

<% if @window -%>
  <a href="#" class="jqmClose">Aceptar</a>
<% else -%>
  <% content_for :sidebar do -%>
    <h3>Acciones</h3>
    <%= boton 'Nueva Jerarquia', new_jerarquia_path, :imagen => 'agregar' %> <br />
    <%= boton 'Ver Jerarquia', "javascript:abrir(null)", :imagen => 'ver' %>
  <% end -%>
<% end -%>

